<template>
	<view class="withdraw ss-flex-col">
		<view class="title">可提现金额（元）</view>
		<view class="amount">{{data}}</view>
		<view class="btn-groups ss-flex-row ss-row-right ss-col-center ss-m-t-50">
			<view class="action" @click="withdrawClick">提现到余额</view>
			<view class="logs" @click="sheep.$router.go('/pages/pay/withdraw-log')">提现记录</view>
		</view>
	</view>
</template>

<script setup>
	
	import sheep from '@/sheep';
	
	import {
		computed,
		reactive,
		ref
	} from 'vue';
	 
	const props = defineProps({
		data:{
			type:String,
			default:'0.00'
		}
	})
	
	function withdrawClick(){
		uni.showToast({
			title:'系统升级中,敬候通知',
			icon:'none',
		})
	}
	
	 
</script>

<style lanng="scss" scoped>
	.withdraw{
		width:calc(100% - 21rpx - 25rpx 20rpx - 33rpx);
		margin:22rpx 25rpx 20rpx 21rpx;
		padding:20rpx 20rpx  20rpx 33rpx;
		background: #FFFFFF;
		border-radius: 10rpx;
		background: #FFFFFF;
		box-shadow: 0rpx 4rpx 10rpx 0rpx rgba(0, 0, 0, 0.3);
		
	}
	.title{
		height: 43rpx;
		font-family: Source Han Sans;
		font-size: 30rpx;
		font-weight: normal;
		line-height: normal;
		letter-spacing: normal;
		color: #3D3D3D;
	}
	.amount{
		margin-top:18rpx;
		height: 46rpx;
		font-family: Source Han Sans;
		font-size: 32rpx;
		font-weight: normal;
		line-height: normal;
		letter-spacing: normal;
		color: #DE1F1F;
	}
	
	.logs{
		width: 170rpx;
		height: 53rpx;
		border-radius: 5010rpx;
		background: #FFFFFF;
		box-sizing: border-box;
		border: 1rpx solid rgba(0, 0, 0, 0.2392);
		
		display:flex;
		justify-content: center;
		align-items:center;
		
		
	
		font-family: Source Han Sans;
		font-size: 32rpx;
		font-weight: 350;
		line-height: 32rpx;
		letter-spacing: 1rpx;
		color: rgba(0, 0, 0, 0.54);
	}
	.action{
		padding-left:5rpx;
		padding-right: 5rpx;
		margin-right:10rpx;
		width: 175rpx;
		height: 53rpx;
		border-radius: 5010rpx;
		background: #715DDE;
		
		display:flex;
		justify-content: center;
		align-items:center;
		
		font-family: Source Han Sans;
		font-size: 32rpx;
		font-weight: 350;
		line-height: 32rpx;
		
		letter-spacing: 1rpx;
		color: #FFFFFF;
	}
</style>